/**
 * 服务端渲染: 整个 HTML 的构建是在服务端完成的
 */
let tfboy = [
  '王俊凯',
  '易烊千玺',
  '王源'
];

/** 
<ul>
  <li>王俊凯</li>
  <li>易烊千玺</li>
  <li>王源</li>
</ul>
*/
//1. 导入 express
const express = require('express');

//2. 创建服务对象
const app = express();

//3. 创建路由规则
app.get('/home', (req, res) => {
  let str = '<ul>';
  //遍历数组
  tfboy.forEach(item => {
    str += `<li>${item}</li>`;
  })
  str += '</ul>';
  //响应 html
  res.send(`<!DOCTYPE html>
            <html lang="en">
            <head>
              <meta charset="UTF-8">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <title>Document</title>
            </head>
            <body>
              ${str}
            </body>
            </html>`)
})

//4. 监听端口, 启动服务
app.listen(8080, () => {
  console.log('服务已经启动... 端口 8080 监听中...');
})